<!DOCTYPE html>
<meta charset="utf-8">
<title>ShareDB Textarea</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
<style>
body {
  background: #ddd;
}
#container {
  position: absolute;
  top: 24px;
  right: 24px;
  bottom: 24px;
  left: 24px;
}
textarea {
  font: 14px/1.3 sans-serif;
  padding: 4px 8px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
#title {
  font-size: 24;
}
</style>

<div id="container">
  <h1 id="title">Text Area Example with Reconnecting Websockets</h1>
  <p>Connection Status: <span id="status-span"></span></p>
  <textarea autofocus></textarea>
</div>

<script src="dist/bundle.js"></script>
